<script setup lang="ts">
import CommonConfig from "./CommonConfig.vue";
import { type FormDesignerComponents } from "../FormComponentMixin";
const config = defineModel<FormDesignerComponents>("config");
</script>

<template>
  <CommonConfig v-model:config="config" />
  <el-form-item label="分栏数">
    <el-select v-model="config.props.number">
      <el-option label="分2栏" :value="2" />
      <el-option label="分3栏" :value="3" />
      <el-option label="分4栏" :value="4" />
      <el-option label="分6栏" :value="6" />
      <el-option label="分8栏" :value="8" />
    </el-select>
  </el-form-item>
  <el-form-item label="栏间隔">
    <el-input v-model="config.props.gutter" type="number" placeholder="每栏间隔多少" />
  </el-form-item>
</template>

<style lang="scss" scoped></style>
